@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#333;font:12px/1.231 arial,helvetica,clean,sans-serif,"宋体"; min-width:1200px;} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
/*address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}*/
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:12px/1.231 arial,helvetica,clean,sans-serif;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

.mt10{ margin-top:10px;}

a { color:#333; text-decoration:none;}  /*for ie f6n.net*/
a:hover { color:#055cbd; text-decoration:none;}
a:focus{outline:0;} /*for ff f6n.net*/
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}


.ImTable *{padding:0px;margin:0px}
.ImTable{border-collapse:collapse;border:none;background:url(../images/bg.gif)}
.ImTable h2{font-size:14px;font-weight:bold;margin-top:5px}
.ImHeader{height:164px;background:url(../images/im_01.gif)}
.ImRow0{background:url(../images/ico_item1.gif) no-repeat;margin:10px 10px 0;height:24px;padding-left:10px;padding-top:4px; }
.ImRow1{background:url(../images/ico_item1.gif) no-repeat;margin:10px 10px 0;height:24px;padding-left:10px;padding-top:4px;}
a.im,a:hover.im{text-decoration:none;height:35px;color:#fff; font-size:14px;}
.ImFooter{height:90px;background:url(../images/im_04.gif) no-repeat; display:inline-block; width:150px;font-family:Arial,Helvetica,sans-serif;}
.ImFooter h5{font-size:14px;font-weight:normal; color:#8f9396;text-align:center;margin:15px 0 0;font-family:'宋体';}
.ImFooter p{font-size:20px;font-weight:bold;  color:#732225;text-align:center;margin:10px 0;}


/* -- 页面整体布局 -- */
.header , .content , .footer { width:1200px; margin:0 auto;}
.left,.leftr{ width:220px; float:left; overflow:hidden;}
.leftr{ float:left;}
.left2 { width:700px; float:left; overflow:hidden; margin-top:15px;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop {height:0px; font-size:0; overflow:hidden; margin-top:10px;}
.leftbot { height:0px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px; }

.right,.rightl{ width:960px; float:right; display:inline;overflow:hidden;}
.rightl{ float:right;}
.right2 { width:275px;  float:right; overflow:hidden;margin-top:15px;}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}
.rightbot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right2bot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right_main { width:960px; overflow:hidden; }
.right2_main { width:273px;overflow:hidden;}
.left2_main { width:700px;overflow:hidden;}

.h_nav li a:-webkit-any-link{ display:block;}

body{font-family: "Microsoft YaHei";
}
em,i{font-style:normal;}
.clearfix{zoom:1;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}


/*搜索栏*/
.search{ height: 50px; overflow: hidden; float:right;}

.sear{ margin: 0 auto;}



.searchbox{ float: right; margin-top: 10px; width: 280px; height: 32px; overflow: hidden;}
.searchbox input{outline: none;}

.seartxt{ float: left; width: 247px; height: 30px; font-size: 12px; color: #555; text-indent: 10px; line-height: 30px; border: 1px solid #ccc; border-right: 0; background: none;}
.searss{ float: right; width: 32px; height: 32px; border: 0; cursor: pointer; background: url(../images/icobox.png) no-repeat 0 -522px;}



/*头部开始*/

.header{ padding-top: 20px; height: 113px; overflow: hidden; width:1200px;min-width:1200px; margin:0 auto;}
.header h1{ float: left; overflow:hidden;}
.header h1 img { margin-top:15px; height:70px;}
.head_r { float:right; width:400px;}
.head_r .yy { text-align:right; height:30px; font-size:14px; }
.head_r .yy a{ padding-left:5px; padding-right:5px;}
.head_r .yy img{margin-right:5px;}
.t_pho{ float: right; margin-top: 0px; padding-left: 55px; padding-top:7px;  background: url(../images/tel.jpg) no-repeat 0 0px; height:37px;}
.t_pho p{  color:#333;  font-weight: bold; line-height: 32px; font-size: 20px;}
.t_pho p b{	}
/*.h_nav{ height: 48px; background-color:#055cbd; width:100%;min-width:1200px;}
.h_nav ul { width:1200px; margin:0 auto;}
.h_nav li{ float: left;}
.h_nav li.last{ background: none;}
.h_nav li a{ display: block; font-size: 14px; color: #fff; text-align: center; line-height: 48px; font-weight:bold; width:150px; }
.h_nav li a { display: block; }
.h_nav li a:hover,.top_nav li.cur a{ background: #fc9612;}*/

#nav{ height:54px; width:100%; background-color:#055cbd; border-bottom:0px solid #fc9612; min-width:1200px;}
#nav .nav_cont{ width:1200px; margin:0px auto}
#nav .nav_cont ul{ padding-left:0px;}
#nav .nav_cont li{ float:left;  display:block;background:url(../images/n_bor.gif) no-repeat right center; width:150px; position: relative;  line-height:54px;  height:54px; text-align:center}
#nav .nav_cont li a{ color:#fff; display:block;  font-size:16px;text-align:center}
#nav .nav_cont li a:hover{ background:#fc9612 center center;line-height:54px; height:54px; display:block; color:#fff !important;width:150px;  font-size:16px;text-align:center}

#nav .nav_cont ul li ul {z-index:999999; display: none;}
#nav .nav_cont ul li:hover a { color:#fff; background-color:#fc9612; text-decoration:none;width:150px; height:54px; line-height:54px;}
#nav .nav_cont ul li:hover ul {display:block;z-index:999999;top:54px; left:0px; width:150px; background:none;  position:absolute; height:54px;  line-height:54px; }
#nav .nav_cont ul li:hover ul li{ height:35px; float:left; z-index:999999; width:150px;line-height:35px; border-top:#fff 1px solid}
#nav .nav_cont ul li:hover ul li a{display:block;font-size:14px; color:#ffF; text-decoration:none;background:#055cbd; width:150px;  height:35px; line-height:35px;}
#nav .nav_cont ul li:hover ul li a:hover {background:#fc9612 center center; color:#fff;}
.curr a{background:#fc9612 center center;line-height:54px; height:54px; display:block; color:#fff;width:150px;  font-size:14px;text-align:center}
.curr a:hover{background:#fc9612 center center;line-height:54px; height:54px; display:block; color:#fff;width:150px;  font-size:14px;text-align:center}


.hvr-bounce-to-top {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	/*background-color: #ff9712;*/
}
.hvr-bounce-to-top::before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fc9612;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
	color: white;
}.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}/* Radial Out */



/*导航*/
.nav{ height:54px; width:100%; background-color:#055cbd; border-bottom:0px solid #fc9612; min-width:1200px;}
#nav {  position:relative;z-index: 50; width:1200px; margin:0 auto;}



.navigation {line-height:54px; height:54px;}
.navigation li {z-index: 100; position: relative;padding-left: 0px;float: left; width:150px; text-align:center;}

.navigation li a {display: block; color: #fff; text-decoration: none; font-size:14px; text-align:center;font-size:16px; }
.navigation li a:visited {display: block; color: #fff; text-decoration: none;}
.navigation li a:hover, .navigation li a.cur { background-image:url(../images/nav_hover.gif); background-position:center 0; background-repeat:repeat-x;color: #fff;}
.navigation li.hover a { background-image:url(../images/nav_hover.gif); background-position:center 0; background-repeat:repeat-x;color: #fff;}
.navigation li.hover a:visited { _color: #fff; }


.navigation ul {display: none;}


.navigation ul li {background-image: none; padding-bottom: 0px; line-height: 35px; background-color: #969696; margin: 0px; padding-left: 0px; padding-right: 0px; height: 35px; padding-top: 0px}
.navigation ul li a {background-image: none; padding-bottom: 0px; margin: 0px; padding-left: 0px; width: 150px; padding-right: 0px; height: 35px; color: #fff; padding-top: 0px; }
.navigation ul li a:hover {background-image: none; padding-bottom: 0px; margin: 0px; padding-left: 0px; width: 150px; padding-right: 0px; height: 35px; color: #fff; padding-top: 0px}
.navigation li ul {z-index: 100; position: absolute; padding-bottom: 0px; background-color: #969696; margin: 0px; padding-left: 0px; width: 150px; padding-right: 0px; display: none; top: 54px; padding-top: 0px; left: 0px; }
.navigation li ul ul {z-index: 200; top: -1px; left: 150px; }
.navigation li ul ul li{
 border-left:1px solid #fff;
 }

.navigation li ul li {background-image: none; background-color: #055cbd; height: 35px; border-top:1px solid #fff;}
.navigation li ul li a {background-image: none; text-align: center; text-indent: 0px; height: 35px; color: #fff; font-weight: normal;font-size:14px;}
.navigation li ul li a:visited {background-image: none; height: 35px; color: #fff; font-weight: normal; _color: #fff}
.navigation li ul li a:hover {background: #fc9612; height: 35px; color: #fff}
.navigation li ul li.hover {width: 150px; background: #fc9612; height: 35px}
.navigation li.hover ul a {background-image: none; height: 35px}






/*头部结束*/

/*底部开始*/



#box_footer{margin:0px auto 0;width:100%; background-color:#333; color:#fff; min-width:1200px;}
#box_footer a { color:#fff;}

#all{margin:0 auto;width:1200px}
#all_top{margin:0 auto;width:1210px;padding-top:30px; padding-bottom:20px;}

#box_all_top1{text-align:left;width:380px;float:right;}
#box_all_top1 p{text-align:center; width:120px; float:left;}
#box_all_top1 img { width:120px; height:120px; }
#box_all_top1 div { float:left; width:260px; margin-left:0px;}
#box_all_top1 div img { width:60px; height:60px; float:left; margin-left:10px; margin-top:30px;}
#box_all_top1 div span { font-size:22px; font-weight:bold; color:#fff; line-height:40px; margin-top:22px; display:block; margin-left:10px; float:left;}
#box_all_top1 div span em { display:block;}

#box_all_top3{width:800px;float:left;margin-right:30px;}

#box_root{margin-left:auto;margin-right:auto}
.foot_menu{}
.foot_menu dl{float:left; margin-right:45px;}

.foot_menu dl dd a{text-align:left;line-height:30px;display:block;font-family:"微软雅黑";height:30px;color:#fff;font-size:14px;text-decoration:none}
.foot_menu dl dd a:hover{color:#dc1026}
.foot_menu dl dt{text-align:left;padding-bottom:15px;font-family:"微软雅黑";color:#fff;font-size:16px;font-weight:bold}

/*.foot_menu dl.fm2{float:left; width:510px; margin-right:0;}
.foot_menu dl.fm2 dd { float:left; margin-right:40px; width:130px; overflow:hidden;}
.foot_menu dl.fm2 dd a { text-align:left;}*/

#box_all_top2{text-align:left;width:380px;float:right; line-height:30px;}




.ewm{margin:0 auto;width:100%}

#box_root{margin-left:auto;margin-right:auto}
#box_root{margin-left:auto;margin-right:auto}

#box_all_bottom{margin:0 auto;background-color:#000; overflow:hidden; padding-top:10px;}
.copy { width:1200px; margin:0 auto; height:44px; line-height:22px; text-align:center; color:#fff;}
.copy a { color:#fff;}
.link { width:1200px; margin:0 auto; height:30px; line-height:30px; text-align:left; color:#fff;}
.link span { font-weight:bold;}
.link a { padding-left:20px; color:#fff;}


/*底部结束*/


.right_nav{position: fixed;width: 57px; right: 0;top: 50%;margin-top: -123px;z-index: 100;}
.fixed_right_box{position: relative;}
.zx{display: inline-block; background: url(../images/icon1.png) no-repeat center center;width: 30px;height: 30px; line-height:30px;vertical-align: middle;transition: 0.8s all;}
.phone{display: inline-block;background: url(../images/icon2.png) no-repeat center center;width: 30px;height: 30px;line-height:30px;vertical-align: middle;transition: 0.8s all;}
.qq{display: inline-block;background: url(../images/icon3.png) no-repeat center center;width: 30px;height: 30px;line-height:30px;vertical-align: middle;transition: 0.8s all;}
.weixin{display: inline-block;background: url(../images/icon4.png) no-repeat center center;width: 30px;height: 30px;line-height:30px;vertical-align: middle;transition: 0.8s all;}
.scor_top{display: inline-block;background: url(../images/icon5.png) no-repeat center center;width: 30px;height: 30px;line-height:30px;vertical-align: middle;transition: 0.8s all;}
.right_nav li span{margin-left: 12px;}
.right_nav_box{position: relative;}
.right_nav_box li{position: absolute;transition: 0.8s background-color; background-color: #055cbd;height: 46px;line-height: 46px;padding: 0 15px;white-space: nowrap; /*border-top-left-radius: 20px;border-bottom-left-radius: 20px;*/ cursor:pointer;}
.right_nav_box li.li1{top: 0;}
.right_nav_box li.li2{top: 50px;}
.right_nav_box li.li3{top: 100px;}
.right_nav_box li.li4{top: 150px;}
.right_nav_box li.li5{top: 200px;}
.right_nav_box li:hover{background-color: #fc9612;}
.right_nav_box li a{color: #fff;font-size: 16px; cursor:pointer;}
.ewm_pic{position: absolute;right: 70px;bottom: 0;visibility: hidden;opacity: 0;transition: 0.5s all;background-color: #fff;padding: 0px; width:130px; height:130px;}
.ewm_pic img{display: block; width:130px; height:130px;}
.ewm_pic.act{visibility:visible;opacity:1;}


/* #### Mobile Phones Portrait #### */  
@media screen and (max-device-width: 480px) and (orientation: portrait){  
/* some CSS here */  
body{-webkit-text-size-adjust:none;}
}  
  
/* #### Mobile Phones Landscape #### */  
@media screen and (max-device-width: 640px) and (orientation: landscape){  
/* some CSS here */  
body{-webkit-text-size-adjust:none;}
}  
  
/* #### Mobile Phones Portrait or Landscape #### */  
@media screen and (max-device-width: 640px){  
body{-webkit-text-size-adjust:none;}
/* some CSS here */  
}  
  
/* #### iPhone 4+ Portrait or Landscape #### */  
@media screen and (min-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2){  
/* some CSS here */  
body{-webkit-text-size-adjust:none;}
}  
  
/* #### iPhone 5 Portrait or Landscape #### */  
@media (device-height: 568px) and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2){  
/* some CSS here */  
body{-webkit-text-size-adjust:none;}
}  
  
/* #### iPhone 6 and 6 plus Portrait or Landscape #### */  
@media (min-device-height: 667px) and (min-device-width: 375px) and (-webkit-min-device-pixel-ratio: 3){  
/* some CSS here */  
body{-webkit-text-size-adjust:none;}
}  
  
/* #### Tablets Portrait or Landscape #### */  
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){  
/* some CSS here */  
body{-webkit-text-size-adjust:none;}
}  
  
/* #### Desktops #### */  
@media screen and (min-width: 1024px){  
/* some CSS here */  
body{-webkit-text-size-adjust:none;}
}  

.index_title{color:#055cbd; text-transform:uppercase;}
.bgw{ background:#fff !important;}
.footer p{ line-height:35px; color:#fff; font-size:14px;}
.footer p a{ color:#fff;}
.footer .flink{ line-height:35px;}